<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>转大小写</title>
</head>
<body>
<h1>大小写转换</h1>
<p>
    原数据 <input type="text" id="old">
</p>
<p>
    操作：
    <button onclick="up(1)">转大写</button>
    <button onclick="up(2)">转小写</button>
</p>
<p>
    新数据 <input type="text" id="new">
</p>

<script>


    function up(n) {
        var text =document.querySelector("#old").value;
        if (n==1){
            document.querySelector("#new").value =text.toUpperCase();
        }
        if (n==2){
            document.querySelector("#new").value =text.toUpperCase();
        }
    }
</script>
</body>
</html>